template(name="datepicker")
    .datepicker-container
        form.edit-date
            .fields
                .left
                    label(for="date") {{_ 'date'}}
                    input.js-date-field#date(type="text" name="date" value=showDate placeholder=dateFormat autofocus)
                .right
                    label(for="time") {{_ 'time'}}
                    //- input.js-time-field#time(type="text" name="time" value=showTime placeholder=timeFormat)
                    div.time-box
                        div.time-box-left
                            span.form-contrl-feedback
                            input.js-time-hour.js-time-field#timeHH(type="text" name="timeHH" value=showTimeHour placeholder="hh")
                            if setDateHHShow
                                ui.set-hour.smart-scrollbar
                                    each setdateHH
                                        li.js-set-hour-li {{this}}
                        span :
                        div.time-box-right
                            span.form-contrl-feedback
                            input.js-time-minute.js-time-field#timeMM(type="text" name="timeMM" value=showTimeMinute placeholder="mm")
                            if setDateMMShow
                                ui.set-minute.smart-scrollbar
                                    each setdateMM
                                        li.js-set-minute-li {{this}}
            .js-datepicker
            if error.get
                .warning {{_ error.get}}
            button.primary.wide.left.js-submit-date(type="submit") {{_ 'save'}}
            button.js-delete-date.negate.wide.right.js-delete-date {{_ 'delete'}}
